<template>
  <dt
    class="q-title"
    :class="{'has-sepLine': isResultPage && qIndex !== 0}"
  >
    {{ name }}
  </dt>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props: {
    name: {
      type: String,
      default: '',
    },
    qIndex: {
      type: Number,
      default: 0,
    },
    isResultPage: {
      type: Boolean,
      default: false,
    },
  },
})
</script>

<style lang="scss" scoped>
.q-title {
  margin: 30px 0;
  padding: 0 $fromEdgeWidth;
  font-size: 30px;
  color: #333;
  // /deep/ {
  //   .has-header & {
  //     font-size: 26px;
  //     color: #666;
  //   }
  // }
}
// .has-sepLine {
//   padding-top: 26px;
//   // border-top: 1px solid $border;
//   /deep/ {
//     .has-header & {
//       // border-top: 1px solid $border;
//       @include px1border(top, $border);
//     }
//   }
// }
</style>
